/* 桌面端 */
@media screen and (min-width: 911px) {
    .login-main {
        background: url(/public/background/login-bg3.png) no-repeat fixed center center;
        /* 让背景图基于容器大小伸缩 */
        background-size: cover;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        /*垂直方向居中*/
        justify-content: center;
        /*水平方向居中*/
    }

    .login-form {
        padding: 1em 1.5em 4em 1.5em;
    }

    .login-form .checkBoxWidget-input {
        border: none;
        background-color: inherit;
    }

    .login-form .checkBoxWidget-content {
        padding: 0;
    }

    .login-form-outDiv {
        background-color: var(--bg-color-twelve);
        border-radius: 2%;
        border: 2px solid rgba(255, 255, 255, 0.6);
    }

    .login-form-footer a{
        color: #333;
        text-decoration: none;
    }

    .login-form-footer a:hover{
        color: #969393;
    }
}

/* 移动端 */
@media screen and (max-width: 910px) {
    .login-main {
        background: url(/public/background/login-bg.png) no-repeat fixed center center;
        /* 让背景图基于容器大小伸缩 */
        background-size: cover;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        /*垂直方向居中*/
        justify-content: center;
        /*水平方向居中*/
    }

    .login-form {
        padding: 1em 1.5em 4em 1.5em;
    }

    .login-form-outDiv {
        background-color: var(--bg-color-twelve);
        border-radius: 2%;
        border: 2px solid rgba(255, 255, 255, 0.6);
    }

    .login-form .checkBoxWidget-input {
        border: none;
        background-color: inherit;
    }

    .login-form .checkBoxWidget-content {
        padding: 0;
    }

    .login-form-footer a{
        color: #333;
        text-decoration: none;
    }

    .login-form-footer a:hover{
        color: #969393;
    }
}